<template>
    <div class="specific-container">
        <div class="specific">
            <div class="specific_title">为您推荐</div>
            <common :List="SpecificList"></common>
        </div>
    </div>
</template>
<script>
import axios from "axios";
import Common from "@/pages/common/Common";
export default {
    data(){
        return{
            SpecificList:[]
        }
    },
  name:'HomeSpecific',
  components: {
    Common
  },
   mounted(){
    axios.post("http://81.68.253.206:8081/page/getRecommendShopRole"
    ).then(res=>{
      if(res.data&&res.data.data&&res.data.status){
        this.SpecificList=res.data.data;
      }
        
    })
  },
  
}
</script>
<style lang="scss" scoped>
.specific-container{
     margin-top: rem(22);
    padding:0 rem(22);
    .specific {
        width: 100%;
        padding: 10px;
        background-color: #fff;
        border-radius: 10px;
        .specific_title {
            width: 100%;
            height: rem(60);
            line-height: rem(60);
            padding: 0 10px;
            font-size: rem(45);
            font-weight: 600;
            text-align: center;
        }
        
        
    }   
    
}

</style>
